import Vue from 'vue'  // 引入vue框架
import App from './App.vue' // 页面入口文件（.vue后缀的文件都称为组件）

Vue.config.productionTip = false // 隐藏浏览器中console界面中的提示

// 定义全局自定义指令
// 定义一个全局设置字体颜色 为黄色
Vue.directive("fcolor",{
  inserted(el){
    el.style.color = "yellow";
  }
})

// 实例化vue构造函数
new Vue({
  // render：表示渲染，render的值就定义了将来在浏览器中渲染的内容
  // 也就是后面将来需要把App.vue组件中的内容渲染到浏览器中
  // el: "#app", //el 就等价于$mount函数
  render: h => h(App),
}).$mount('#app') // $mount挂载，表示渲染的内容将来要替换到id为app的标签位置上